﻿<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>【订单管理】</title>
	<link href="../customer/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
	<link href="../customer/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">

	<link href="../customer/css/personal.css" rel="stylesheet" type="text/css">
	<link href="../customer/css/orstyle.css" rel="stylesheet" type="text/css">

	<script src="../customer/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
	<script src="../customer/AmazeUI-2.4.2/assets/js/amazeui.js"></script>
</head>
<body>
	<jsp:include page="main_top.jsp"></jsp:include>
	
	<div class="center">
		<div class="col-main">
			<aside class="menu">
				<ul>
					<li class="person">
						<a href="#">个人中心</a>
					</li>
					<li class="person">
						<ul>
							<li> <a href="CustomerInfo.jsp">个人信息</a></li>
							<li> <a href="ChangePassword.jsp">修改密码</a></li>
							<li class="active"> <a href="showOrdersByCusIdAction.action">我的订单</a></li>
						</ul>
					</li>
				</ul>

			</aside>
			<div class="main-wrap">
				<div class="user-order">
					<!--标题 -->
					<div class="am-cf am-padding">
						<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">订单管理</strong> / <small>Order</small></div>
					</div>
					<hr/>
					<div class="am-tabs am-tabs-d2 am-margin" data-am-tabs>
						<div class="am-tabs-bd">
							<div class="am-tab-panel am-fade am-in am-active" id="tab1">
								<div class="order-top">
									<div class="th th-item">
										<td class="td-inner">商品</td>
									</div>
									<div class="th th-price">
										<td class="td-inner">单价</td>
									</div>
									<div class="th th-number">
										<td class="td-inner">数量</td>
									</div>
									<div class="th th-operation">
										<td class="td-inner">商品操作</td>
									</div>
									<div class="th th-amount">
										<td class="td-inner">合计</td>
									</div>
									<div class="th th-status">
										<td class="td-inner">交易状态</td>
									</div>
									<div class="th th-change">
										<td class="td-inner">交易操作</td>
									</div>
								</div>
								<div class="order-main">
									<div class="order-list">
										<!--交易成功-->
										<s:iterator value="orders" id="order" status="status">
											<div class="order-status5">
												<div class="order-title">
													<p style="float:left;">订单编号：<a href="showOrderInfoAction.action?orderId=<s:property value="#order.objId"/>"><s:property value="#order.objId"/></a></p>
													<p align="right">成交时间：<s:property value="#order.createTime"/></p>
												</div>
												<div class="order-content">
													<div class="order-left">
														<s:iterator value="#order.orderItem" id="orderItem" status="status">
															<ul class="item-list">
																<li class="td td-item">
																	<div class="item-pic">
																		<a href="FurnitureInfo_findFurnitureInfo.action?furnitureInfo.objId=<s:property value="#orderItem.theFurnitureInfo.objId"/> " class="J_MakePoint">
																			<img src="<s:property value="#orderItem.theFurnitureInfo.picture_one"/>" class="itempic J_ItemImg">
																		</a>
																	</div>
																	<div class="item-info">
																		<div class="item-basic-info">
																			<a href="FurnitureInfo_findFurnitureInfo.action?furnitureInfo.objId=<s:property value="#orderItem.theFurnitureInfo.objId"/> ">
																				<p><s:property value="#orderItem.theFurnitureInfo.furnitureName"/></p>
																				<p class="info-little">规格：<s:property value="#orderItem.theFurnitureInfo.description"/>
																			</a>
																		</div>
																	</div>
																</li>
																<li class="td td-price">
																	<div class="item-price">
																		<s:property value="#orderItem.salePrice"/>
																	</div>
																</li>
																<li class="td td-number">
																	<div class="item-number">
																		<span>×</span><s:property value="#orderItem.amount"/>
																	</div>
																</li>
																<li class="td td-operation">
																	<div class="item-operation">
																		
																	</div>
																</li>
															</ul>
														</s:iterator>
													</div>
													<div class="order-right">
														<li class="td td-amount">
															<div class="item-amount">
																合计：<s:property value="#order.totalPrice"/>
															</div>
														</li>
														<div class="move-right">
															<li class="td td-status">
																<div class="item-status">
																	<s:if test="#order.orderState==1">
																		<p class="Mystatus">等待发货</p>
																	</s:if>
																	<s:elseif test="#order.orderState==2">
																		<p class="Mystatus">完成交易</p>
																	</s:elseif>
																	<s:elseif test="#order.orderState==3">
																		<p class="Mystatus">取消订单</p>
																	</s:elseif>
																	<br>

																	<p class="order-info"><a href="showOrderInfoAction.action?orderId=<s:property value="#order.objId"/>"/>订单详情</a></p><!-- <s:property value="#order.objId"/> -->

																</div>
															</li>
															<li class="td td-change">
																<!-- <div class="am-btn am-btn-danger anniu">
																	删除订单
																</div> -->
															</li>
														</div>
													</div>
												</div>
											</div>
										</s:iterator>
									
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<jsp:include page="main_foot.jsp"></jsp:include>
</body>
</html>